<!--

    Copyright (c) 1997, 2018 Oracle and/or its affiliates. All rights reserved.

    This program and the accompanying materials are made available under the
    terms of the Eclipse Public License v. 2.0, which is available at
    http://www.eclipse.org/legal/epl-2.0.

    This Source Code may also be made available under the following Secondary
    Licenses when the conditions for such availability set forth in the
    Eclipse Public License v. 2.0 are satisfied: GNU General Public License,
    version 2 with the GNU Classpath Exception, which is available at
    https://www.gnu.org/software/classpath/license.html.

    SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0

-->

<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
<h:head>
    <title>Test nested output script content</title>
</h:head>
<h:body>
    <h:form prependId="false">

<h1>Case 1: script, nested: yes; target: yes; name: yes;</h1>

     <h:outputScript target="head" name="case1.js">
      alert("case1");

     </h:outputScript>

<h1>Case 2: script, nested: yes; target: yes; name: no;</h1>

     <h:outputScript target="body">
      alert("case2");

     </h:outputScript>

<h1>Case 3: script, nested: yes; target: no; name: yes;</h1>

     <h:outputScript name="case3.js">
      alert("case3");

     </h:outputScript>

<h1>Case 4: script, nested: no; target: yes; name: yes;</h1>

     <h:outputScript target="head" name="case4.js"/>


<h1>Case 5: script, nested: no; target: no; name: no;</h1>

     <h:outputScript />

<h1>Case 6: script, nested: no; target: no; name: yes;</h1>

     <h:outputScript name="case6.js"/>

<h1>Case 7: script, nested: no; target: yes; name: no;</h1>

     <h:outputScript target="head"/>

<h1>Case 8: script, nested: yes; target: no; name: no;</h1>

     <h:outputScript>
      alert("case8");
     </h:outputScript>

<h1>Case 9: Stylesheet, nested: yes; target: yes; name: yes;</h1>

     <h:outputStylesheet target="head" name="case9.css">

.case9 {

color: red;

}
      

     </h:outputStylesheet>

<h1>Case 10: Stylesheet, nested: yes; target: yes; name: no;</h1>

     <h:outputStylesheet target="body">

.case10 {

color: blue;

}


     </h:outputStylesheet>

<h1>Case 11: Stylesheet, nested: yes; target: no; name: yes;</h1>

     <h:outputStylesheet name="case11.css">

.case11 {

color: green;

}

     </h:outputStylesheet>

<h1>Case 12: Stylesheet, nested: no; target: yes; name: yes;</h1>

     <h:outputStylesheet target="head" name="case12.css"/>

<h1>Case 13: Stylesheet, nested: no; target: no; name: no;</h1>

     <h:outputStylesheet />

<h1>Case 14: Stylesheet, nested: no; target: no; name: yes;</h1>

     <h:outputStylesheet name="case14.css"/>

<h1>Case 15: Stylesheet, nested: no; target: yes; name: no;</h1>

     <h:outputStylesheet target="head"/>

<h1>Case 16: Stylesheet, nested: yes; target: no; name: no;</h1>

     <h:outputStylesheet>

.case16 {

color: orange;

}

     </h:outputStylesheet>


    </h:form>

</h:body>
</html>
